/**
 * CSS变量测试文件
 * 用于验证CSS变量获取功能是否正常
 */

import { getCSSVariable } from './platform.js'

// 测试CSS变量获取
export const testCSSVariables = () => {
  console.log('=== CSS变量测试 ===')
  
  // 测试已知的CSS变量
  const mainColor = getCSSVariable('--mainColor', '#ff5000')
  const titleColor = getCSSVariable('--titleColor', '#333333')
  const beginColor = getCSSVariable('--beginColor', '#ff5000')
  const endColor = getCSSVariable('--endColor', '#ffffff')
  
  console.log('--mainColor:', mainColor)
  console.log('--titleColor:', titleColor)
  console.log('--beginColor:', beginColor)
  console.log('--endColor:', endColor)
  
  // 测试不存在的CSS变量
  const nonExistentColor = getCSSVariable('--nonExistentColor', '#000000')
  console.log('--nonExistentColor (应该返回默认值):', nonExistentColor)
  
  return {
    mainColor,
    titleColor,
    beginColor,
    endColor,
    nonExistentColor
  }
}

// 在开发环境下自动运行测试
// #ifdef H5 || APP-PLUS
if (process.env.NODE_ENV === 'development') {
  console.log('开发环境，运行CSS变量测试...')
  testCSSVariables()
}
// #endif 